<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML语义化</title>
</head>
<body>
    <!-- 网页信息头部 -->
    <header>
        <h1>网页标题或logo</h1>
    </header>

    <!-- 网页导航信息 -->
    <nav>
        <ul>
            <li><a href="../index.html">首页</a></li>
            <li><a href="#"></a>公司概况</li>
            <li><a href="#"></a>关于我们</li>
        </ul>
    </nav>
    
    <!-- 无具体语义，非常适合阅读模式 -->
    <main>
    <!-- 有意义的独立信息区域 -->
    <article>
        <header>
            <h1>新闻标题</h1>
            <h2>新闻副标题</h2>
        </header>
        <!-- 信息内容的不同区域 -->
        <section>
            新闻作者，发表时间，阅读次数等等
        </section>
        <section>新闻主要内容</section>
        <section>
            <p>发表讨论</p>
            <article>
                <h3>张三发表</h3>
                <p>实在</p>
            </article>
            <article>
                <h3>李四发表</h3>
                <p>很好</p>
            </article>
        </section>
        <footer>
            作者简介
        </footer>
    </article>
    <!-- 独立相关信息 -->
    <aside>
        当前新闻相关的其他新闻内容
        <!-- 内联文本相关标签 -->
        <hr>
        <abbr title="万维网">WWW</abbr><br>
        <dfn>定义术语</dfn><br>
        <mark>高亮标记</mark><br>
        <code>int i;</code><br>
        <small>法律条文</small><br>
        <!-- input新增类型 -->
        <input type="color" name="" id="">
        <input type="email" name="" id="">
        <input type="tel" name="" id="">
        <input type="url" name="" id="">
        <input type="date" name="" id="">
        <input type="month" name="" id="">
        <input type="week" name="" id="">
        <input type="time" name="" id="">
        
        <hr>
    </aside>
    </main>

    <!-- 网页信息底部 -->
    <footer>
        <p>页面底部</p>
        <!-- 指明为地址信息 -->
        <address>地址：江西省九江市濂溪区</address>
    </footer>
</body>
</html>